import axios from 'axios'
import get from 'lodash/get'
import storage from 'store'
// 创建 axios 实例
const request = axios.create({
  // API 请求的默认前缀
  baseURL: process.env.VUE_APP_BASE_URL,
  custom: {
    loading: true, // 默认有loading
    token: true
  },
  timeout: 10000 // 请求超时时间
})
console.log(process.env.VUE_APP_BASE_URL)

// 异常拦截处理器
//这一坨和后端约定,可以使用策略模式进行优化
const errorHandler = error => {
  const status = get(error, 'response.status')
  switch (status) {
    /* eslint-disable no-param-reassign */
    case 400:
      error.message = '请求错误'
      break
    case 401:
      error.message = '未授权，请登录'
      break
    case 403:
      error.message = '拒绝访问'
      break
    case 404:
      error.message = `请求地址出错: ${error.response.config.url}`
      break
    case 408:
      error.message = '请求超时'
      break
    case 500:
      error.message = '服务器内部错误'
      break
    case 501:
      error.message = '服务未实现'
      break
    case 502:
      error.message = '网关错误'
      break
    case 503:
      error.message = '服务不可用'
      break
    case 504:
      error.message = '网关超时'
      break
    case 505:
      error.message = 'HTTP版本不受支持'
      break
    default:
      break
    /* eslint-disabled */
  }
  return Promise.reject(error)
}

// request interceptor
request.interceptors.request.use(config => {
  // 如果 token 存在
  // 让每个请求携带自定义 token 请根据实际情况自行修改
  // eslint-disable-next-line no-param-reassign
  config.header = {
    ...config.header
  }
  if (config.custom.token && storage.get('ACCESS_TOKEN')) {
    config.headers.Authorization = `bearer ${storage.get('ACCESS_TOKEN')}`
  }
  // 演示custom 用处
  if (config.custom.loading) {
    //此处可添加loadding效果
  }
  console.log(config)
  return config
}, errorHandler)

// response interceptor
request.interceptors.response.use(response => {
  const dataAxios = response.data
  // 这个状态码是和后端约定的
  const { code } = dataAxios
  // 根据 code 进行判断
  if (code === undefined) {
    // 如果没有 code 代表这不是项目后端开发的接口
    return dataAxios
    // eslint-disable-next-line no-else-return
  } else {
    // 有 code 代表这是一个后端接口 可以进行进一步的判断
    switch (code) {
      case 200:
        // [ 示例 ] code === 200 代表没有错误
        return dataAxios.data
      case 'xxx':
        // [ 示例 ] 其它和后台约定的 code
        return 'xxx'
      default:
        // 不是正确的 code
        return '不是正确的code'
    }
  }
}, errorHandler)

export default request

// 单接口不想要loading
/*
request.get('user/list', { params:{},custom: { loading: false } })
request.post('user/list', {}, { params:{},custom: { loading: false } })
*/
